<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"  %>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href='http://api.mobilis.co.kr/webfonts/css/?fontface=LexiGulimWeb' rel='stylesheet' type='text/css' />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
$(document).ready(function(){
	var find = document.getElementById("findDong");
	if(find==""){
		document.fd.find.focus();
	};
});
function findZipcode1(zipcode,address1){
	opener.document.reg.zipcode.value = zipcode;
	opener.document.reg.address1.value = address1;
	var flag = window.confirm("화면을 닫겠습니까?");
	if(flag){
		window.close();
	}
}
</script>
<style type="text/css">
 .font{
 	font-family: LexiGulimWeb; 
 	font-size: 20px;
 	font-weight: bold;
 }
  .button {
	display: inline-block;
	position: relative;
	margin: 10px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,.22);
	font-family: "Trebuchet MS", LexiGulimWeb, sans-serif;
	font-size: 16px;

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44);
	box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44);

	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

	.button:hover {
		-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
		-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
		box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
	}

	.button:active {
		-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
		-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
		box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
	}
.gray {
	color: #3e5706;

	background: #DCDCDC ; /* Old browsers */
}
 </style>
</head>
<body>
<div class="font" style="background:#DCDCDC;padding-left: 10px;padding-top: 10px;padding-bottom: 10px;">주소찾기<br>
동/리 를 입력하십시오<br></div><br>
<form action="/Yogiro/member.do" name="fd" >
<input type="hidden" name="method" value="findZipcode" >
<input type="text" name="dong" id="findDong" style="border: solid 2px #DCDCDC;height: 20px"><input type="submit" value="조회" class="button gray"><br><br>
</form>
<c:if test="${requestScope.list!=null }">
<div style="overflow: auto;height: 280px;border: solid #DCDCDC;">
<table style="padding-left: 5px;padding-top: 5px;padding-bottom: 5px;font-size: 13px;" class="font" ><tr><td>
<c:forEach items="${requestScope.list }" var="list">
<a href="javascript:findZipcode1('${list.zipcode }','${list.address }')">${list.zipcode }, ${list.address }</a><br>
</c:forEach>
</td></tr></table>
</div>
</c:if>
</body>
</html>
